<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
	<head>
		<title>Nome Municipio</title>
		<script type="text/javascript">
			function consultarNomeCidade() {
				if (document.getElementById("codIBGE").value == "") {
					alert("Favor informar o código IBGE.");
					return;
				}
				
				document.forms["principal"].submit();
			}
			
			function voltar() {
				document.getElementById("acao").value = "";
				document.forms["principal"].submit();
			}
				
			function verificaResultado() {
				<% String nomeCidade=(String)request.getAttribute("nomeCidade");%>
				<% String codIBGE=(String)request.getAttribute("codIBGE");%>
				
				if ('<%= nomeCidade%>' != 'null') {
					var body=document.getElementsByTagName('div')[0];
					var tbl=document.createElement('table');
					tbl.style.width='35%';
					tbl.setAttribute('border','1');
					var tbdy=document.createElement('tbody');
					var tr=document.createElement('tr');
					var th=document.createElement('th');
					
					th.appendChild(document.createTextNode('Codigo IBGE'));
					tr.appendChild(th);
					
					var th=document.createElement('th');
					th.appendChild(document.createTextNode('Nome da Cidade'));
					
					tr.appendChild(th);
					tbdy.appendChild(tr);
					
					var tr=document.createElement('tr');
					var td=document.createElement('td');
					
					td.appendChild(document.createTextNode( '<%= codIBGE%>'));
					td.setAttribute('align','center');
					tr.appendChild(td);
					
					var td=document.createElement('td');
					td.appendChild(document.createTextNode('<%= nomeCidade%>'));
					td.setAttribute('align','center');
					
					tr.appendChild(td);
					tbdy.appendChild(tr);
					
					tbl.appendChild(tbdy);
					body.appendChild(tbl);
				}
			}
			
		</script>
	</head>
	<body onload="verificaResultado();">
		Pesquisa o nome do município pelo código do IBGE. <br/>
		Digite o código IBGE para consulta e clique em "OK"<br/>
		<form action="servlet" name="principal" method="post">
			<input type="hidden" id="acao" name="acao" value="3" />
			<input type="hidden" name="subAcao" value="0" />
			
			<input type="text" id="codIBGE" name="codIBGE" value="" />
			
			<br/><br/>
			<div id="tabela" ></div>
			<hr width="40%" align="left"/>
			<input type="button" value="Ok" onclick="consultarNomeCidade();">
			<input type="button" value="Voltar" onclick="voltar();">
		</form>
	</body>
</html>